import './styles/main.less'

import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'
import components from './components/index' // 全局组件
import TDesignChat from '@tdesign-vue-next/chat';
document.documentElement.setAttribute("theme-mode", "dark");

const app = createApp(App)

app.use(createPinia())
app.use(router)
app.use(components)
app.use(TDesignChat);

// tdesign
import 'tdesign-vue-next/es/style/index.css';
import {
  Button as TButton,
  Empty as TEmpty,
  Dialog as TDialog,
  Form as TForm,
  FormItem as TFormItem,
  Input as TInput,
  Select as TSelect,
  Option as TOption,
  Textarea as TTextarea,
  RadioGroup as TRadioGroup,
  RadioButton as TRadioButton,
  Slider as TSlider,
  Popconfirm as TPopconfirm,
} from 'tdesign-vue-next';
app.use(TButton)
app.use(TEmpty)
app.use(TDialog)
app.use(TForm)
app.use(TFormItem)
app.use(TInput)
app.use(TSelect)
app.use(TOption)
app.use(TTextarea)
app.use(TRadioGroup)
app.use(TRadioButton)
app.use(TSlider)
app.use(TPopconfirm)

app.mount('#app')
